﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Upload.aspx.cs" Inherits="Event.Upload" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <form runat="server">
    <div class="form-register">
        <div class="form-register-header mt70">
            Đăng ký dự thi</div>
        <div class="form-register-note mt50">
            <div class="form-register-note-title">
                Thông tin cá nhân</div>
            <div class="form-register-note-content">
                (*) Là các trường bắt buộc phải điền</div>
        </div>
        <div class="form-register-form mt30">
            <div class="form-register-avatar fl">
                <label>
                    Upload Avatar</label>
                <img id="userAvatar" class="btnUserAvatar" alt="" src="/images/choose-images.png"
                    runat="server" clientidmode="Static" />
                <a href="javascript:void(0);" id="btnUserAvatar" class="btnUserAvatar fr mt10"></a>
            </div>
            <div class="form-register-infor fl ml28">
                <div class="fl mr30">
                    <label>
                        Tên hiển thị *</label>
                    <asp:TextBox ID="txtFullName" ClientIDMode="Static" runat="server" MaxLength="200"></asp:TextBox>
                </div>
                <div class="fl mr20">
                    <label>
                        Ngày*</label>
                    <asp:DropDownList ID="ddlDay" ClientIDMode="Static" runat="server" CssClass="select-box">
                        <asp:ListItem>09</asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="fl mr20">
                    <label>
                        Tháng*</label>
                    <asp:DropDownList ID="ddlMonth" ClientIDMode="Static" runat="server" CssClass="select-box">
                        <asp:ListItem>04</asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="fl mr30">
                    <label>
                        Năm sinh*</label>
                    <asp:DropDownList ID="ddlYear" ClientIDMode="Static" runat="server" CssClass="select-box">
                        <asp:ListItem>1996</asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="fl">
                    <label>
                        Giới tính*</label>
                    <asp:DropDownList ID="ddlGender" ClientIDMode="Static" runat="server" CssClass="select-box">
                        <asp:ListItem Value="0">Nam</asp:ListItem>
                        <asp:ListItem Value="1">Nữ</asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="clearfix mb20">
                </div>
                <div class="d-city fl mr30">
                    <%--                    <label>
                        Email*</label>
                    <asp:TextBox ID="txtEmail" ClientIDMode="Static" runat="server" MaxLength="200"></asp:TextBox>--%>
                    <label>
                        Thành phố</label>
                    <asp:DropDownList Width="190" CssClass="select-box" ID="ddlCity" ClientIDMode="Static"
                        runat="server">
                    </asp:DropDownList>
                </div>
                <div class="fl mr30">
                    <label>
                        Địa chỉ*</label>
                    <asp:TextBox ID="txtAddress" ClientIDMode="Static" runat="server" MaxLength="500"></asp:TextBox>
                </div>
                <div class="fl">
                    <label>
                        Số điện thoại*</label>
                    <asp:TextBox ID="txtPhone" ClientIDMode="Static" runat="server" MaxLength="50"></asp:TextBox>
                </div>
                <div class="clearfix mb20">
                </div>
                <div>
                    <label>
                        Giới thiệu</label>
                    <asp:TextBox ID="txtAbout" TextMode="MultiLine" ClientIDMode="Static" runat="server"
                        MaxLength="2000"></asp:TextBox>
                </div>
            </div>
        </div>
    </div>
    <div class="form-upload fl mt100 w960">
        <div class="form-upload-header">
            Upload bài thi</div>
        <div class="form-upload-left w220">
            <div class="form-upload-title">
                Avatar bài thi</div>
            <div class="form-upload-note">
                Kích thước 220x330, không lớn hơn 2MB</div>
            <div class="form-upload-avatar fl mt10">
                <img id="albumAvatar" class="btnAlbumAvatar" alt="" src="/images/choose-images2.png"
                    runat="server" clientidmode="Static" />
                <a href="javascript:void(0);" id="btnAlbumAvatar" class="btnAlbumAvatar fr mt10">
                </a>
            </div>
        </div>
        <div class="form-upload-right w690 ml28 fl">
            <div class="mb20">
                <div class="form-upload-title mb10">
                    Tên bài dự thi</div>
                <asp:TextBox ID="txtTitle" ClientIDMode="Static" runat="server" MaxLength="200"></asp:TextBox>
            </div>
            <div class="mb50">
                <label>
                    Mô tả bài thi</label>
                <asp:TextBox ID="txtDesc" TextMode="MultiLine" ClientIDMode="Static" runat="server"
                    MaxLength="2000"></asp:TextBox>
            </div>
            <div class="mb20">
                <div class="form-upload-title mb10">
                    Ảnh bài dự thi</div>
                <div id="form-upload-note" class="form-upload-note mb15">
                    Ảnh dự thi không quá dung lượng 2MB</div>
                <%--<a class="form-upload-btn form-upload-btn-default" href="javascript:void(0);">Chọn ảnh tải lên</a>--%>
                <div class="form-upload-list">
                </div>
                <div class="upload-uploading" style="display: none;">
                </div>
                <div class="upload-notify">
                </div>
            </div>
        </div>
    </div>
    <div class="form-submit fl">
        <a class="form-submit-cancel" href="<%= _cancelUrl %>">Hủy bỏ</a>
        <div class="upload-button">
            <%--<a class="form-upload-btn form-upload-add" href="javascript:void(0);">Thêm ảnh</a>--%>
        </div>
        <a id="submitForm" class="form-submit-submit" href="javascript:void(0);">Hoàn tất</a>
    </div>
    <%--Upload crop avatar--%>
    <div class="popup4" style="display: none;">
        <div>
            <div class="popup-title">
                Upload ảnh đại diện
            </div>
            <div class="photo-crop">
                <asp:HiddenField ID="X" runat="server" Value="0" ClientIDMode="Static" />
                <asp:HiddenField ID="Y" runat="server" Value="0" ClientIDMode="Static" />
                <asp:HiddenField ID="W" runat="server" Value="250" ClientIDMode="Static" />
                <asp:HiddenField ID="H" runat="server" Value="250" ClientIDMode="Static" />
            </div>
            <div class="note-photo">
                <p>
                    “Di chuyển các góc của hộp trong suốt để cắt ảnh này thành avatar của bạn”</p>
            </div>
            <div class="popup-button">
                <a id="btnCropCancel" class="form-submit-cancel" href="javascript:void(0);">Hủy bỏ</a>
                <a id="btnCrop" class="form-submit-submit" href="javascript:void(0);">Hoàn tất</a>
            </div>
        </div>
    </div>
    <div id="bg-popup">
    </div>
    </form>
    <script type="text/javascript">
        $(function () {
            $(".select-box").selectbox();
            FormUploader.init();
        });   
    </script>
        <!--[if IE]>
        <script type="text/javascript">
            alert("Bạn nên sử dụng trình duyệt Firefox hoặc Chrome để đăng ký dự thi!");
        </script>
        <![endif]-->
</asp:Content>
